<template>
  <div class="dgg-input-custom">
    DggInputCustom: <input :value="customPropName" @input="onInput">, value:{{ customPropName }}
  </div>
</template>

<script>
export default {
  name: 'DggInputCustom',
  props: ['customPropName'],
  // 这个选项用来修改默认的 v-model 绑定的 属性名 value 和 事件名 input
  model: {
    prop: 'customPropName', // 默认值为 value
    event: 'customEventName' // 默认值为 input
  },
  methods: {
    onInput (e) {
      this.$emit('customEventName', e.target.value)
    }
  }
}
</script>

<style>

</style>
